﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="RangeScrollControls.RangeScrollBar"
	d:DesignWidth="640" d:DesignHeight="480" Height="24" Width="304" Background="LightGray" SizeChanged="UserControl_SizeChanged">

	<Grid x:Name="LayoutRoot" Background="#FFA0A0A0">
		<Line Fill="#FFF7F7F7" Margin="0,9,0,0" Stroke="#FFF7F7F7" VerticalAlignment="Top" StrokeThickness="6" StrokeDashArray="0 2" StrokeEndLineCap="Round" StrokeDashCap="Round" StrokeMiterLimit="9" StrokeStartLineCap="Round" X2="302" Y1="3" Y2="3" Name="slideChannel" />
		<Rectangle x:Name="rangeBar" HorizontalAlignment="Left" Margin="10,9,0,9" StrokeStartLineCap="Round" StrokeEndLineCap="Round" Stroke="#FFF2F2F2" StrokeThickness="0" StrokeMiterLimit="9" Width="105" MouseLeftButtonDown="rangeBar_MouseLeftButtonDown" MouseLeftButtonUp="subcontrol_MouseLeftButtonUp" MouseMove="rangeBar_MouseMove" Fill="#FFF7F7F7" MouseEnter="rangeBar_MouseEnter" MouseLeave="rangeBar_MouseLeave" Height="{Binding Height, ElementName=slideChannel}" />
		<Ellipse x:Name="leftSlider" HorizontalAlignment="Left" Margin="0,2" StrokeStartLineCap="Round" StrokeEndLineCap="Round" Stroke="#FFF2F2F2" StrokeThickness="0" StrokeMiterLimit="9" Width="16" MouseLeftButtonDown="leftSlider_MouseLeftButtonDown" MouseLeftButtonUp="subcontrol_MouseLeftButtonUp" MouseMove="leftSlider_MouseMove" Fill="#FFF7F7F7" Height="{Binding Width, ElementName=leftSlider}" MouseEnter="leftSlider_MouseEnter" MouseLeave="leftSlider_MouseLeave" />
		<Ellipse x:Name="rightSlider" HorizontalAlignment="Left" Margin="0,2,179,2" StrokeStartLineCap="Round" StrokeEndLineCap="Round" Stroke="#FFF2F2F2" StrokeThickness="0" StrokeMiterLimit="9" Width="16" MouseLeftButtonDown="rightSlider_MouseLeftButtonDown" MouseLeftButtonUp="subcontrol_MouseLeftButtonUp" MouseMove="rightSlider_MouseMove" Fill="#FFF7F7F7" Height="{Binding Width, ElementName=rightSlider}" MouseEnter="rightSlider_MouseEnter" MouseLeave="rightSlider_MouseLeave" />
	</Grid>
</UserControl>